<template>
  <div class="making-chart">
    <!-- 物料区 -->
    <Assembly class="assembly" />

    <!-- 显示区 -->
    <div class="container">
      <Header />
      <Material />
    </div>

    <!-- 配置区 -->
    <Config class="config" />
  </div>
</template>

<script>
import Assembly from '@/components/MakingChart/Assembly'
import Header from '@/components/MakingChart/Header'
import Material from '@/components/MakingChart/Material'
import Config from '@/components/MakingChart/Config'

export default {
  name: 'MakingChart',
  provide: {
    flag: 'Making'
  },
  components: {
    Assembly,
    Header,
    Material,
    Config
  }
}
</script>

<style lang="scss" scoped>
.making-chart {
  height: 100vh;
  display: flex;
  .assembly {
    box-sizing: border-box;
    background-color: #fff;
  }
  .container {
    flex: 1;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    border-top: none;
    border-bottom: none;
    overflow: hidden;
  }
  .config {
    box-sizing: border-box;
    background-color: #fff;
  }
}
</style>
